<?
	$aColor = traer_colores();
	
	if ($this->aDatos[$cTemplateId][Row] ) 
	{
		extract( $this->aDatos[$cTemplateId][Row]);
		$cAction = '?ac=perfil&amp;rf=action&amp;fn=modificar&amp;mo=clientes';
		$cTitulo = mostrar_termino( 'LBL_Mi_Perfil' ) ;
	} else
	{
		$cTitulo = mostrar_termino( 'LBL_Registrate' ) ;
		$cAction = '?ac=perfil&amp;rf=action&amp;fn=registrar&amp;mo=clientes';
	}
	
	$oInputUsuario= new InputNumber('','ncUsuario', $ncUsuario);
	$oInputUsuario->setHidden();
	
	$oInputNombre = new InputText('', 'cNombre', $cNombre);
	$oInputNombre->setMandatory();
	$oInputNombre->setOnBlur("if ( !frmPerfil.cAlias.value  ) frmPerfil.cAlias.value = frmPerfil.cNombre.value; ");
	
	$oInputApellido = new InputText('', 'cApellido', $cApellido);
	$oInputApellido->setMandatory();

	$oInputCaptcha= new InputCaptcha('', 'cCaptcha', 4, 16, 16);
	$oInputCaptcha->setWidth(60);

	$oInputNacimiento = new InputDate('', 'dNacimiento', $dNacimiento);
	$oInputNacimiento->setHelp('');
	$oInputNacimiento->setStyleCalendar(0);
		
	$oInputEmail = new InputText('', 'cEmail', $cEmail);
	$oInputEmail->setMandatory();
	$oInputEmail->setOnBlur('send("?ac=perfil&amp;rf=action&amp;fn=verifyEmail&amp;mo=clientes&amp;cEmail=" + this.value , refreshElement, "mensaje_email");');
	
	$oInputAlias = new InputText('', 'cAlias', $cAlias);
	$oInputAlias->setMandatory();
	
	$oInputDireccion = new InputText('', 'cDireccion', $cDireccion);
	
	$oInputPais = new InputList('', 'ncPais', $ncPais);
	$oInputPais->setMatrix( $this->oDatabase->getMatrix("SELECT ncPais, cdUbicacion FROM acUbicacion WHERE ncUbicacion = 1 ORDER BY 2") );
		
	$oInputGenero= new InputCheck('', 'ncGenero');
	$oInputGenero->setMultiple(false);
	$oInputGenero->setStyle('width:10px;');
	$oInputGenero->addOption( 1, 'hombre', $ncGenero == '1' ? true: false  );
	$oInputGenero->addOption( 2, 'mujer', $ncGenero == '2' ? true: false  );
			
	$oInputClave = new InputText('', 'cClave');
	$oInputClave->setOnBlur('oConfirmaClave = document.getElementById("cConfirmaClave"); send("?ac=perfil&amp;rf=action&amp;mo=clientes&amp;fn=verifyClave&amp;cClave=" + this.value + "&amp;cConfirmaClave=" + oConfirmaClave.value , refreshElement, "mensaje_clave");');
	$oInputClave->setPassword();
	$oInputClave->setMandatory(!$ncUsuario);
	$oInputConfirmaClave = new InputText('', 'cConfirmaClave');
	$oInputConfirmaClave->setOnBlur('oClave = document.getElementById("cClave"); send("?ac=perfil&amp;rf=action&amp;mo=clientes&amp;fn=verifyClave&amp;cConfirmaClave=" + this.value + "&amp;cClave=" + oClave.value , refreshElement, "mensaje_clave");');
	$oInputConfirmaClave->setPassword();
	$oInputConfirmaClave->setMandatory(!$ncUsuario);
	
	$i = 1;
?>
<div style="position:relative">
	<div class="campos_obligatorios"><?=mostrar_termino( 'LBL_CamposObligatorios' )?>LBL_CamposObligatorios</div>
	<form action='javascript://void(0);' name='frmPerfil' id='frmPerfil' onsubmit='javascript: if ( checkForm(this) ) { sendForm( "<?=$cAction?>", "frmPerfil", refreshElement, "body", false  ); } ; return false;' method='post'>
		<?=$oInputUsuario->make();?>
		
		<!-- nombre -->
		<div class="dato"><!-- style="border-left:3px solid #<?=$aColor[$i]; $i++?>" -->
			<div><label for="cNombre"><?= mostrar_termino( 'LBL_nombre' ) ?></label></div>
			<?=$oInputNombre->make();?>
		</div>
		
		<!-- apellido -->
		<div class="dato">
			<div><label for="cApellido"><?= mostrar_termino( 'LBL_apellido' ) ?></label></div>
			<?=$oInputApellido->make();?>
		</div>
		
		<!-- alias -->
		<div class="dato">
			<div><label for="cAlias"><?= mostrar_termino( 'LBL_alias' ) ?></label></div>
			<?=$oInputAlias->make();?>
		</div>
		
		<!-- email -->
		<div class="dato">
			<div><label for="cEmail"><?= mostrar_termino( 'LBL_email' ) ?></label></div>
			<?=$oInputEmail->make();?>
			<div style="margin-top:10px; color: #f23b79;" id='mensaje_email'></div>
		</div>
		
		<? if ( !$this->aDatos[$cTemplateId][Row] )  {?>
		<!-- clave -->
		<div class="dato">
			<div><label for="cClave"><?= mostrar_termino( 'LBL_clave' ); ?></label></div>
			<?=$oInputClave->make();?>
		</div>
		
		<!-- confirma clave -->
		<div class="dato">
			<div><label for="cConfirmaClave"><?= mostrar_termino( 'LBL_confirma' ); ?></label></div>
			<?=$oInputConfirmaClave->make();?>
			<div style="margin-top:10px; color:#f23b79;" id='mensaje_clave'></div>
		</div>
		<? } ?>
		
		<!-- nacimiento -->
		<div class="dato">
			<div><label for="dNacimiento"><?= mostrar_termino( 'LBL_nacimiento' ) ?></label></div>
			<?=$oInputNacimiento->make();?>
		</div>
		
		<!-- direccion -->
		<div class="dato">
			<div><label for="cDireccion"><?= mostrar_termino( 'LBL_direccion' ) ?></label></div>
			<?=$oInputDireccion->make();?>
		</div>
		
		<!-- pais-->
		<div class="dato">
			<div><label for="cDireccion"><?= mostrar_termino( 'LBL_pais' ) ?></label></div>
			<?=$oInputPais->make();?>
		</div>
		
		<!-- genero -->
		<div class="dato">
			<?=$oInputGenero->make();?>
		</div>
		
		<!-- codigo -->
		<? if ( !$this->aDatos[$cTemplateId][Row] )  {?>
			<div class="dato">
				<div><label for="cCaptcha"><?= mostrar_termino( 'LBL_codigo_de_seguridad' ) ?></label></div>
				<?=$oInputCaptcha->make();?>
			</div>		
		<? } ?>
			
		<div style="margin-top:10px; color:#f23b79;" id='mensaje_general'></div>
		
		<div style='overflow:auto; margin:20px 0; width:200px'>
			<div class='div_boton90' style='float:left;'><a style='color:#ffffff;' onclick='if ( checkForm(this) ) { sendForm( "<?=$cAction?>", "frmPerfil", refreshElement, "body", false  ); } ; return false;' href='javascript://void(0);'><?= mostrar_termino( 'LBL_Aceptar' ) ?></a></div>
			<div class='div_boton_cancelar' style='float:right;'><a style='color:#ffffff;' onclick='f = document.getElementById("frmPerfil"); f.reset();'href='javascript://void(0);' onclick='closePopup();return false;' ><?= mostrar_termino( 'LBL_Cancelar' ) ?></a></div>
		</div>
		
	</form>
</div>
